<template>
    <div>
生命周期钩子函数
<button @click="count++">点击</button>
<p>{{ count }}</p>
    </div>
</template>
<script setup>
import { onMounted,onBeforeUpdate,ref ,onUnmounted} from 'vue';
const count = ref(0)
onMounted(()=>{
    console.log('组件挂载完成');

})
onBeforeUpdate(()=>{
    console.log('组件更新之前');
})
onUnmounted(()=>{
    console.log('组件卸载之前');
})

</script>
<style scoped>
</style>